查看原文
其他

打造金属质感的方法,全都在这了!

研森KENMORI 研习设 2022-10-16










你脑子里浮现的东西,是金属材质。而金属质感不仅是金属的材质,它有着和金属一样的光泽。版面中的金属元素,往往会给人带来一种冰冷的距离感,不近人情。同时也散发着现代,前卫和理性的高级质感。这样的设计效果是如何被实现的,我们又可以怎样去应用这样的金属元素呢?





















了解了不同的金属表现分类,很多同学有个疑问,那就是对于大多数技术不过硬的设计师而言,没有手段实现这些效果,只能去素材网站搜索,但是什么样的素材符合标准呢?我们先看下面这些素材:


以上这些都是在素材网站挑选的符合标准的素材类型,可以看出优秀的金属质感素材具备以下几个特征:


❶ 有良好的清晰度

❷ 质感倾向强烈且立体感强

❸ 色彩符合其特征




我们从中挑选一个素材,小试牛刀,尝试设计一个简单的海报:





将素材放入版面的正中央,背景色选择和主体相符的灰色,画出网格,排入文字,最后填充细节。一张简单的金属风格海报就完成了。
















苹果早期标志、汽车标志、电影开篇的龙标或者是名牌包的标志,都采用了金属质感的表现形式。运用金属质感去表现品牌的独特理念,往往能给人高贵、沉稳的潜在感受。










金属质感给人华丽和写实的印象。金属质感常被用于发布会盛典、化妆品海报中,光感的运用及金属独有的色泽,营造出更加高贵华丽的视觉感受。









在许多大片电影中,金属质感的应用处处可见。它能给人传递出科技,震撼,璀璨夺目的感受,也能让人体会到电影中人物的超凡力量。









金属质感适合表现抽象化的主题。比如艺术气息浓厚的展览,可用较为抽象化的形象,同时赋予金属质感来呈现。










酸性风格多运用于时尚、音乐、潮流以及艺术圈。通常为镭射纹理,金属、玻璃材质等,运用尖锐的字体,搭配重金属风格。传递出科技迷幻的感觉。金属质感的视觉形象,常见于酸性海报风格中,但也不仅限于酸性设计风格。










镀铬相对于安静典雅,它给人的印象更加摩登和丰富。不要拘泥于一种思维模式,80年代的镀铬金属视觉风格,也是现阶段深受大众喜爱的一种形式,是复古主义未来设计理念中必不可少的元素。




金属质感除了在这些平面的应用领域之外,在时尚领域也不容小觑,比如在2020年底,中国李宁与日本艺术家空山基打造了首个联名系列👇


Tips




空山基(HajimeSorayama)1947年出生在日本,1967年正式进入美术学院学习。1978年笔下诞生出第一个机器人。他的作品精致唯美,想象力丰富,技法精湛,把喷绘艺术发挥到极致。













了解了金属质感的应用及分类后,我们来看看如何快速简便的让一张普通的照片,变成镀金、镀银或者自定义的金属色。



①  选择一张照片,将照片中的主体花朵抠出来,然后Ctrl+Shift+U去色。



  点击图标,适当编辑点的位置来调整曲线。观察花朵的调试效果。到这里,我们就能做出了一个金属质感的花朵。



③  最后可以通过调节亮度、对比度、锐化等,来得到更满意的效果。



④  将调整好的金属花置入画面,添加一些文字组合,一个金属风格的设计就完成了。










单纯处理平面的照片,已经不能满足部分“研粉”的需求了,所以这里我们为大家演示一下3D建模的基本操作。在教大家如何制作这种效果之前,先来了解原理知识。


在素描中,由于光的强弱、颜色明度的深浅变化等,在明暗交界线地带会产生不同的虚实、深浅、刚柔等微妙变化,这就是我们眼睛所看到的立体效果。运用于金属质感中,同理。



金属质感中的明暗变化,是主光源照射后反射环境中的颜色形成的,有了明暗变化也就呈现出了立体效果。


了解了基本原理知识以后,我们来看看下面这样的立体金属模型用C4D是怎么实现的。



①  打开C4D界面,选择画笔工具,绘制出子弹的轮廓。



②  点按住细分曲面的图标,出现下拉菜单,同时按住Alt键,选择旋转工具,就可以得到一个子弹的模型。



③  最后,添加一个HDRI的环境材质,新建一个材质球,材质编辑器——发光。我们为子弹添加HDRI环境贴图,参数如图。纹理添加HDRI。亮度100%。混合模式:标准。混合强度:100%。这样就可以渲染得到一个金属质感的立体子弹模型。



④  将渲染好的子弹模型叠上文字,添加细节,一张金属风格的海报就完成了。











这种方法适用于简单的几何图形或是文字。下面我们来看看这样的金属质感用PS图层样式是怎么实现的。


①  首先我们来设计一个字体,为了让字体更具有酸性的气质,笔画较为尖锐。



②  搭配同样气质、笔画特征一致的一款英文字体。



③  Ctrl+E合并英文和汉字图层,右键点击图层,转化为智能对象。重命名为“主体1”,将图层“主体1”,Ctrl+J,复制出10个命名为“主体2-11”。下面逐个为“主体1-主体11”添加图层样式,来实现我们想要的效果。




“主体1”图层样式参数

👇


为了使效果更明显,我们将背景色填充为黑色。给“主体1”添加图层样式——颜色叠加(白色)。添加图层样式——描边(黑色),大小:1像素。位置:内部。




“主体2”图层样式参数

👇


给图层“主体2”填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:155%。方向:上。大小:250像素。软化:0像素。角度:-40度。高度:32度。光泽等高线:如图。高光模式:颜色减淡(颜色白色);不透明度:67%。阴影模式:强光(颜色黑色);不透明度:46%。


等高线选择如图,勾选消除锯齿,范围:53%。


样式展示




“主体3”图层样式参数

👇


给图层“主体3”填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:615%。方向:上。大小:250像素。软化:0像素。角度:-90度。高度:37度。光泽等高线:如图。高光模式:颜色减淡(颜色白色);不透明度:70%。阴影模式:强光(颜色黑色);不透明度:60%。


等高线选择如图,勾选消除锯齿,范围:53%。


样式展示




“主体4”图层样式参数

👇


光泽等高线示意图

给图层“主体4”填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:428%。方向:上。大小:210像素。软化:16像素。角度:130度。高度:21度。光泽等高线:如图。高光模式:亮光(颜色白色);不透明度:20%。阴影模式:颜色加深(颜色黑色);不透明度:35%。


样式展示




“主体5”图层样式参数

👇


给图层“主体5”不透明度设置为60%,填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:155%。方向:上。大小:250像素。软化:0像素。角度:60度。高度:20度。光泽等高线:如图。高光模式:颜色减淡(颜色白色);不透明度:70%。阴影模式:正常(颜色黑色);不透明度:60%。


等高线选择如图,勾选消除锯齿,范围:53%。


样式展示




“主体6”图层样式参数

👇


光泽等高线示意图

给图层“主体6”填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:208%。方向:上。大小:250像素。软化:10像素。角度:110度。高度:20度。光泽等高线:如图。高光模式:亮光(颜色白色);不透明度:45%。阴影模式:叠加(颜色黑色);不透明度:42%。


等高线选择如图,勾选消除锯齿,范围:34%。


样式展示




“主体7”图层样式参数

👇


光泽等高线示意图

给图层“主体7”填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:605%。方向:上。大小:250像素。软化:16像素。角度:-60度。高度:20度。光泽等高线:如图。高光模式:亮光(颜色白色);不透明度:100%。阴影模式:叠加(颜色黑色);不透明度:42%。


样式展示




“主体8”图层样式参数

👇


光泽等高线示意图

给图层“主体8”填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:280%。方向:上。大小:250像素。软化:0像素。角度:0度。高度:20度。光泽等高线:如图。高光模式:亮光(颜色白色);不透明度:100%。阴影模式:叠加(颜色黑色);不透明度:44%。


样式展示




“主体9”图层样式参数

👇


光泽等高线示意图

给图层“主体9”填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:459%。方向:上。大小:250像素。软化:0像素。角度:-53度。高度:20度。光泽等高线:如图。高光模式:颜色减淡(颜色白色);不透明度:100%。阴影模式:正常(颜色黑色);不透明度:11%。


等高线选择如图,勾选消除锯齿,范围:53%。


样式展示




“主体10”图层样式参数

👇


光泽等高线示意图

给图层“主体10”填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:105%。方向:上。大小:250像素。软化:0像素。角度:130度。高度:32度。光泽等高线:如图。高光模式:叠加(颜色白色);不透明度:82%。阴影模式:叠加(颜色黑色);不透明度:96%。


等高线选择如图,勾选消除锯齿,范围:100%。


样式展示




“主体11”图层样式参数

👇


光泽等高线示意图

给图层“主体11”填充设置为0%,添加图层样式——斜面和浮雕并调整各参数。样式:内斜面。方法:雕刻清晰。深度:448%。方向:上。大小:250像素。软化:0像素。角度:-180度。高度:37度。光泽等高线:如图。高光模式:颜色减淡(颜色白色);不透明度:20%。阴影模式:叠加(颜色黑色);不透明度:0%。


样式展示


11个图层叠加在一起就形成了最终的效果。这里基本只用到了斜面和浮雕这一个图层样式,就做出了立体的金属质感文字。



④  将做好的文字效果,添加统一酸性风格的文字组,一张金属风格设计的作品就完成了。











理论知识了解的差不多了,接下来我们来进行两个案例实操巩固一下本期讲到的知识点。


1/ 首先,在网上下载一个素材模型,作为海报的主体形象。



2/ 为吉他添加一个材质,打开材质编辑器——反射——层菲涅耳——菲涅耳——导体——银。我们为这个主体选择导体中的银。高光类型选择GGX。衰减为金属。调整各个参数如图。粗糙度:2%。反射强度:40%。高光强度:70%。凹凸强度:0%。层颜色—颜色:白色。亮度:100%。层菲涅尔—菲涅尔:导体。预置:银。强度:100%。



3/ 添加一个HDRI的环境材质,新建一个材质球,材质编辑器——发光。我们为这个主体添加HDRI环境贴图,参数如图。纹理添加HDRI。亮度50%。混合模式:标准。混合强度:100%。



4/ 对象编辑器窗口里的对象和材质如上图所示。



5/ 通过上述操作后,就可以渲染得到一个金属质感的吉他主体。



6/ 渲染后的吉他效果不是很理想,最后在PS中,通过色阶工具,Ctrl+L,调整主体的对比度。



将调整好的主体放入版面中,加入文字编排,一张金属质感设计风格的海报就制作完成了。









通过上面的演示,我想你已经能够做出金属质感设计风格的海报了。那么下面,我们来上升一个高度,结合主题设计一款金属质感风格的海报。



浸入式互动戏剧《金钱世界》中文版由登予公司出品,与中国传媒大学媒体艺术科技研究中心联合制作。导演ALEXANDER DEVRIENDT 突破传统戏剧形式,让观众真正参与到戏剧情节中,浸入式地享受金钱给我们带来的一切。




根据浸入式互动戏剧《金钱世界》的主题背景,来开展一个镭射风格的案例实操。




1/ 首先我们根据主题信息,用C4D来构建一个主体。为了表现“金钱”这一抽象概念,这里我们选择了平面设计中常用到的货币符号,它们分别是人民币:¥、美元:$、欧元:€、英镑:£。这几个相对来说比较好识别的字符来呈现主体形象。



2/ 接下来为这几个符号创建材质,在材质编辑器中,我们只调整反射。高光类型选择GGX。



3/ 材质编辑器——反射——层菲涅耳——菲涅耳——导体——金。我们为这个材质的属性选择导体中的金子。



4/ 调整反射的各项参数如图,粗糙度:20%。反射强度:30%。高光强度:50%。凹凸强度:0%。颜色:白色。亮度:200%。强度:100%。



5/ 通过上述操作,我们就得到了这样一个金色质感的画面。



6/ 纯粹的金属色,可能并不能体现出,这种在金融世界中沉浮不定的戏剧感,因此我将其金属质感之外,也赋予了魔幻多变的镭射属性。材质编辑器——反射——层颜色——纹理——光谱。在其中的光谱预设中选择一个多彩的,符合我们期望的样式。



7/ 调整参数如图。勾上使用光盘效果。宽度:150%。极点:100%。因子:100%。漫射强度:500%。漫射变化:50%。正面:XY。



8/ 最后在PS中,Ctrl+L,利用色阶调整主体的对比度。这样我们的主体形象就刻画完成了。



主体刻画完成后,我们将它置入版面,接下来编排其它的文案信息。





首先将主体置入画面中央,画出3×8的网格。



将主体置入后,很直观的形成了一个对角线构图的形式。将文案分成两个组放置这两个区域。



版面显得有些拥挤,我们可以细化文字组合,先将右上角的标题组竖向编排,划分出明确的层级关系。



接下来是左下角的文字信息,同样先将文字打散重新组合,在底部的负空间处,编排时间以及价格信息,占满横向空间。这样一张契合主题的金属质感风格的海报就完成了。










戏剧的主题围绕着信任与谎言展开,前一秒可能你是金融大鳄,不断攀升,后一秒可能便会陷入到金融危机当中,跌落谷底。在更富或更穷的豪赌中,不断攀升。



带着这样的思考,画面中的主视觉,我决定赋予字符足够的厚度,来体现金钱带来的沉重体量,通过层叠与交错,去映射股市的跌宕起伏。将海报做成动态效果呈现,更贴合主题。






写在最后:


理解金属质感的设计要点,能更好地帮助设计师在创作中去合理应用,让作品更加地夺人眼球。金属质感的巧妙应用本期内容已做详细解读,要想理解更透彻,建议跟着步骤做一遍!如果你觉得本期内容对你有所帮助,不妨点个赞吧




往期文章推荐









由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存